<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">
	
	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
			 <script type="text/javascript">//<![CDATA[
			    jQuery(document).ready(function() {
			    	$('#formPrincipal\\:listadoComposicionFM >div >table > thead  > tr').find('th:eq(0)').remove();
			    	$('#formPrincipal\\:listadoComposicionFM >div >table > tbody  > tr').find('td:eq(0)').remove();
			    	
			    	$('#formPrincipal\\:listadoComposicionFM >div >table > thead  > tr').find('th:eq(0)').remove();
			    	$('#formPrincipal\\:listadoComposicionFM >div >table > tbody  > tr').find('td:eq(0)').remove();
			    });
			//]]></script>
			<style type="text/css">
				.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover {
				    background:#66A2CF !important; 
				}
			</style>
		</ui:define>		
		<ui:define name="titulopagina">
			<h:outputText value="COMPOSICIÓN DE FONDOS MUTUOS SEGÚN CATEGORÍA DE ACTIVOS Y MONEDAS" />
		</ui:define>
		<ui:define name="agregaIconoExcelRe">
		</ui:define>		  
		<ui:define name="agregaIconoEmail">
		</ui:define>
		<ui:define name="agregaIconoPDFRe">
		</ui:define>
		<ui:define name="agregaIconoEjecutivos">
		</ui:define>	
		<ui:define name="bodyarea">
			<input type="hidden" id="isPostBackComposicionFM" name="isPostBackComposicionFM" value="true"/>
			<input type="hidden" id="nomReporte" name="nomReporte" value="composicionFM"/>
			<h:inputHidden id="tamCategorias" value="#{administrarComposicionFM.tamCategorias}"/>
			<h:inputHidden id="tamMonedas" value="#{administrarComposicionFM.tamMonedas}"/>
			<f:event type="preRenderView" listener="#{administrarComposicionFM.onPageLoad}"/>
			<h:panelGrid columns="1" width="100%" styleClass="bordePanel" id="idContentMain"
				headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5">
				<f:facet name="header">
					<h:outputText value="Detalle de Composición" />
				</f:facet>
				<h:outputText value="#{administrarComposicionFM.mensaje}" styleClass="messages" id="idMensaje"/>
				<h:panelGrid columns="1" width="100%">
					<h:panelGrid columns="2">
						<p:dataTable id="listadoComposicionFM" value="#{administrarComposicionFM.administrarComposicionFMModel.listaDetalle}" var="fila"
							emptyMessage="No existe información." rowIndexVar="rowIndex" styleClass="styleDataTableWrapNormal"
							rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
			                <p:columns value="#{administrarComposicionFM.administrarComposicionFMModel.listaCabecera}" columnIndexVar="colIndex"  
			                	var="columna">
			                    <f:facet name="header">
			                        <h:outputText value="#{columna}" rendered="#{colIndex > 1}"/>
			                    </f:facet>
			                    <h:inputText value="#{fila[colIndex]}" onblur="recalcularTotales();limpiarMensajeFM();"   
			                    	onkeypress="return CatchNonNumbers_(event,0,1,'.',this,2,3,this);" size="7"
			                     	rendered="#{colIndex > 2 and (colIndex != administrarComposicionFM.administrarComposicionFMModel.total1) and 
 			                     	(colIndex != administrarComposicionFM.administrarComposicionFMModel.total2)}"/>
		                    	<h:outputText value="#{fila[colIndex]}" 
			                     	rendered="#{colIndex == 2 or (colIndex == administrarComposicionFM.administrarComposicionFMModel.total1) or 
  			                     	(colIndex == administrarComposicionFM.administrarComposicionFMModel.total2)}"/>
			                </p:columns>
		               	</p:dataTable>
		               	<p:spacer height="10px"/>
	               	</h:panelGrid>
               	</h:panelGrid>
                <p:commandButton icon="ui-icon-disk" value="Guardar" onclick="if(!validacionFM()){return false;}" id="btnBuscar"
                	actionListener="#{administrarComposicionFM.saveChange}" update=":formPrincipal:idMensaje"/>
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnBuscar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Guardando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
		<ui:define name="extraarea">
		</ui:define>
	</ui:composition>
</html>

